$('#gis_page').live('pagecreate',function(event) {
  $('#map_canvas').gmap({'center': getLatLng(), 
			'zoom': 10,
			'streetViewControl': false,
			'mapTypeControl': false,
			'callback': function () {
			/*
			  $('#map_canvas').gmap('addMarker', 
			    { 'position': getLatLng(), 
			      'title': 'Hello world!'});
			  */
			  $.getJSON( 'data/data.json', 'category=activity', function(data) { 
			    $.each( data.markers, function(i, m) {
			      $('#map_canvas').gmap('addMarker', { 
			        'position': new google.maps.LatLng(m.lat, m.lng), 
				'title': m.title }, function(map, marker) {
				$('#map_canvas').gmap('addInfoWindow', {'position':marker.getPosition(), 
					'content': 'Hello world!' },
		                  function(iw) { 
			            $(marker).click(function() { 
				      iw.open(map, marker); 
				      map.panTo(marker.getPosition()); 
			            }); 
			          }); 
				});
			    });
			  });  
			 }
	               });

  function getLatLng() {
	return new google.maps.LatLng(22.5333, 114.1333);
  }

  var x = document.body.clientHeight - 50;  
  $('#map_canvas').css("height", x);
});
